﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="Net.Chirash.Twitter.TweetZone.ConnectingIndicator"
	x:Name="UserControl"
	d:DesignWidth="640" d:DesignHeight="480" Visibility="Collapsed">
	<UserControl.Resources>
		<Storyboard x:Key="CycleStoryboard" RepeatBehavior="Forever">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="AnimationGrid">
				<EasingDoubleKeyFrame KeyTime="0" Value="0">
					<EasingDoubleKeyFrame.EasingFunction>
						<BackEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="360">
					<EasingDoubleKeyFrame.EasingFunction>
						<BackEase EasingMode="EaseInOut"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
	<UserControl.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
			<BeginStoryboard Storyboard="{StaticResource CycleStoryboard}"/>
		</EventTrigger>
	</UserControl.Triggers>

	<Grid x:Name="BackgroundGrid" Background="#4C000000">

		<Grid x:Name="AnimationGrid" HorizontalAlignment="Center" VerticalAlignment="Center" Width="90" Height="90" RenderTransformOrigin="0.5,0.5">
			<Grid.RenderTransform>
				<TransformGroup>
					<ScaleTransform/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform/>
				</TransformGroup>
			</Grid.RenderTransform>
			<Ellipse Height="20" Stroke="#FF7A7A7A" VerticalAlignment="Center" HorizontalAlignment="Center" Width="20" RenderTransformOrigin="-1,0.5" Margin="0">
				<Ellipse.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform X="30"/>
					</TransformGroup>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<RadialGradientBrush>
						<GradientStop Color="#00000000" Offset="0"/>
						<GradientStop Color="Black" Offset="1"/>
						<GradientStop Color="#FF3C3C3C" Offset="0.681"/>
					</RadialGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="20" Stroke="#FF7A7A7A" VerticalAlignment="Center" HorizontalAlignment="Center" Width="20" RenderTransformOrigin="-1,0.5" Margin="0">
				<Ellipse.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="60"/>
						<TranslateTransform X="30"/>
					</TransformGroup>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<RadialGradientBrush>
						<GradientStop Color="#00000000" Offset="0"/>
						<GradientStop Color="Black" Offset="1"/>
						<GradientStop Color="#FF3C3C3C" Offset="0.681"/>
					</RadialGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="20" Stroke="#FF7A7A7A" VerticalAlignment="Center" HorizontalAlignment="Center" Width="20" RenderTransformOrigin="-1,0.5" Margin="0">
				<Ellipse.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="120"/>
						<TranslateTransform X="30"/>
					</TransformGroup>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<RadialGradientBrush>
						<GradientStop Color="#00000000" Offset="0"/>
						<GradientStop Color="Black" Offset="1"/>
						<GradientStop Color="#FF3C3C3C" Offset="0.681"/>
					</RadialGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="20" Stroke="#FF7A7A7A" VerticalAlignment="Center" HorizontalAlignment="Center" Width="20" RenderTransformOrigin="-1,0.5" Margin="0">
				<Ellipse.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="180"/>
						<TranslateTransform X="30"/>
					</TransformGroup>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<RadialGradientBrush>
						<GradientStop Color="#00000000" Offset="0"/>
						<GradientStop Color="Black" Offset="1"/>
						<GradientStop Color="#FF3C3C3C" Offset="0.681"/>
					</RadialGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="20" Stroke="#FF7A7A7A" VerticalAlignment="Center" HorizontalAlignment="Center" Width="20" RenderTransformOrigin="-1,0.5" Margin="0">
				<Ellipse.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="240"/>
						<TranslateTransform X="30"/>
					</TransformGroup>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<RadialGradientBrush>
						<GradientStop Color="#00000000" Offset="0"/>
						<GradientStop Color="Black" Offset="1"/>
						<GradientStop Color="#FF3C3C3C" Offset="0.681"/>
					</RadialGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="20" Stroke="#FF7A7A7A" VerticalAlignment="Center" HorizontalAlignment="Center" Width="20" RenderTransformOrigin="-1,0.5" Margin="0">
				<Ellipse.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="300"/>
						<TranslateTransform X="30"/>
					</TransformGroup>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<RadialGradientBrush>
						<GradientStop Color="#00000000" Offset="0"/>
						<GradientStop Color="Black" Offset="1"/>
						<GradientStop Color="#FF3C3C3C" Offset="0.681"/>
					</RadialGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
		</Grid>
	</Grid>
</UserControl>